<template>
  <div className="flex justify-end mx-[40px] max-w-[92%] my-[25px]">
    <div className="flex flex-col items-end">
      <div className="text-slate-300 text-sm pr-[50px]]">时间</div>
      <div className="bg-[#daf8d4] px-[12px] py-[6px] rounded-lg mt-[3px]">
        {{ props.content.content }}
      </div>
    </div>
    <div className="ml-[10px]">
      <a-avatar style="color: #f56a00; background-color: #fde3cf">U</a-avatar>
    </div>
  </div>
</template>

<script setup lang="ts">
  const props = defineProps({
    content: {
      type: Object,
      default: () => ({}),
    },
  });
</script>

<style scoped></style>
